<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_表单</title>
</head>
<body>
    <form action="#">
        姓名1:<input type="text" name="uname1"><br>
        姓名2:<input type="text" name="uname2" placeholder="请输入姓名"><br>
        姓名3:<input type="text" name="uname3" value="kk"><br>
        姓名4:<input type="text" name="uname4" value="kk" readonly><br>
        姓名5:<input type="text" name="uname4" value="kk" disabled><br>

        性别:
        <input type="radio" name="gender" value="1">男
        <input type="radio" name="gender" value="2">女
        <br>
        爱好:
        <input type="checkbox" name="like" value="lq">篮球
        <input type="checkbox" name="like" value="zq">足球
        <input type="checkbox" name="like" value="pq">排球
        <input type="checkbox" name="like" value="ymq">羽毛球
        <!-- 新增表单 -->
        颜色:<input type="color" name="color"><br>
        文件:<input type="file" name="file"><br>
        日期:<input type="date" name="date"><br>
        范围:<input type="range" name="range"><br>
        <select name="city">
            <option value="bj">北京</option>
            <option value="sh" selected>上海</option>
            <option value="gz">广州</option>
        </select><br>
        <textarea name="content" style="resize:none;"></textarea>
        <hr>
        <input type="checkbox" id="ok">
        <label for="ok">我同意以上协议</label>
        <br>
        <input type="submit">
        <input type="reset">
        <input type="button" value="按钮">
        <button>按钮</button>
    </form>
</body>
</html>